<%-- 
    Document   : Index
    Created on : 2019-5-22, 14:14:00
    Author     : Administrator
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
	<head>
		<title>宠物医院</title>
		<meta charset="utf-8">
		<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
		<link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
		<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
		<script type="text/javascript" src="js/jquery-1.6.js" ></script>
		<script type="text/javascript" src="js/cufon-yui.js"></script>
		<script type="text/javascript" src="js/cufon-replace.js"></script>  
		<script type="text/javascript" src="js/Adamina_400.font.js"></script>
		<script type="text/javascript" src="js/jquery.jqtransform.js" ></script>
		<script type="text/javascript" src="js/script.js" ></script>
		<script type="text/javascript" src="js/kwicks-1.5.1.pack.js" ></script>
		<script type="text/javascript" src="js/atooltip.jquery.js"></script>
		<!--[if lt IE 9]>
			<script type="text/javascript" src="js/html5.js"></script>
			<link rel="stylesheet" href="css/ie.css" type="text/css" media="all">
		<![endif]-->
		<!--[if lt IE 7]>
			<div style=' clear: both; text-align:center; position: relative;'>
				<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode"><img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." /></a>
			</div>
		<![endif]-->
	</head>
	<body id="page1">
		<div class="bg1">
			<div class="bg2">
				<div class="main">
<!-- header -->
					<header>
						<h1><a href="../main/main/index.html" id="logo">宠物诊所</a></h1>
						<div class="department">
							河南省郑州市高新区,科学大道, 136号<br>
							<span>Freephone: &nbsp;  + 137 2143 6585</span>
						</div>
					</header>
					<div class="box"><div class="ic">More Website Templates @ pb.qq.com - October 24, 2011!</div>
						<nav>
							<ul id="menu">
								<li class="active"><a href="index.jsp">Home</a></li>
								<li><a href="Services.jsp">Services</a></li>
								<li><a href="Booking.jsp">Booking</a></li>
								<li><a href="Rooms.jsp">Veterinary</a></li>
								<li><a href="Locations.jsp">Pet</a></li>
							</ul>
						</nav>
<!-- header end -->
<!-- content -->
						<article id="content">
							<div class="box1">
								<div class="wrapper">
									<form action="#" id="form1">
										<h2>Book a Service</h2>
										<fieldset>
											<div class="row">
												<input type="text" class="input">
												Your Name:
											</div>	
											<div class="row">
												<input type="text" class="input">
												E-Mail Address:
											</div>	
											<div class="row">
												<input type="text" class="input">
												Home Phone:
											</div>	
											<div class="row">
												<div class="select1"><select><option>&nbsp;</option><option>...</option></select></div>
												Length of Stay:
											</div>	
											<div class="row">
												<div class="select1"><select><option>&nbsp;</option><option>...</option></select></div>
												Number in Party:
											</div>	
											<div class="row">
												<div class="select2"><select><option>&nbsp;</option><option>...</option></select></div>
												<div class="select2"><select><option>&nbsp;</option><option>...</option></select></div>
												<div class="select2"><select><option>&nbsp;</option><option>...</option></select></div>
												Arrival Date:
											</div>	
											<div class="row_textarea">
												Additional Comments:
												<textarea cols="1" rows="1"></textarea>	
											</div>	
											<div class="wrapper">
												<a href="#" class="button1" onClick="document.getElementById('form1').submit()">Send</a>
												<a href="#" class="button1" onClick="document.getElementById('form1').reset()">Clear</a>
											</div>
										</fieldset>
									</form>
									<div class="kwicks-wrapper marg_bot1">
										<ul class="kwicks horizontal">
											<li><img src="images/img1.jpg" alt=""></li>
											<li><img src="images/img2.jpg" alt=""></li>
											<li><img src="images/img3.jpg" alt=""></li>
											<li><img src="images/img4.jpg" alt=""></li>
										</ul>
									</div>
								</div>
								<div class="pad">
									<div class="line1"><div class="wrapper line2">
										<div class="col1">
											<h2><img src="images/title_marker1.jpg" alt="">Best service</h2>
											<p class="pad_bot1">出色的服务，出色的设备，我们虔诚地为您服务！ </p>
											<a href="#" class="color1">Read More</a>
										</div>
										<div class="col1 pad_left1">
											<h2><img src="images/title_marker2.jpg" alt="">Clinic Guide</h2>
											<p class="pad_bot1">爱心宠物诊所欢迎您！</p>
											<a href="#" class="color1">Read More</a>
										</div>
										<div class="col1 pad_left1">
											<h2><img src="images/title_marker3.jpg" alt="">Packages</h2>
											<p class="pad_bot1">Pages: <a href="index.jsp">Home</a>, <a href="Services.jsp">Services</a>, <a href="Booking.jsp">Booking</a>, <a href="Services.jsp">Our Services</a>, <a href="Locations.jsp">Contact Us</a></p>
											<a href="#" class="color1">Read More</a>
										</div>
									</div></div>
								</div>
							</div>
							<div class="pad">
								<div class="wrapper line3">
									<div class="col2">
										<h2>Welcome to Our Clinic!</h2>
										<p class="pad_bot1"><strong class="color2">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor</strong><br>
												Incididunt ut labore dolore magna. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
										<p class="pad_bot2">
												Duis aute irure dolorin reprehenderit in voluptate velit esse cillum dolore eu fugiat pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</p>
										<a href="#" class="button1">Read More</a>
									</div>
									<div class="col1 pad_left1">
										<h2>Home</h2>
										<div class="wrapper">
											<figure class="left marg_right1"><img src="images/page1_img1.jpg" alt=""></figure>
											<p class="pad_bot1"><strong class="color2">有爱心的医生团队</strong></p>
											<p class="pad_bot2">
													Lorem ipsum dolor sit amet, consectetur adipisicing elited do eiusmod tempor incididunt.</p>
										</div>
										<a href="#" class="button1">Read More</a>
									</div>
								</div>
							</div>
						</article>
<!--content end-->
					</div>
				</div>
			</div>
		</div>
		<div class="main">
<!-- footer -->
			<footer>
				<div class="col2">
					Lounge Clinic &copy; 2011 <a rel="nofollow" href="http://pb.qq.com/" target="_blank">Website Template</a> by pb.qq.com
					<nav>
						<ul id="footer_menu">
							<li class="active"><a href="index.jsp">Home</a></li>
							<li><a href="Services.jsp">Services</a></li>
							<li><a href="Booking.jsp">Booking</a></li>
							<li><a href="Services.jsp">Services</a></li>
							<li class="last"><a href="Locations.jsp">Pet</a></li>
						</ul>
					</nav>
				</div>
				<div class="col1 pad_left1">
					<ul id="icons">
						<li><a href="#" class="normaltip" title="Linkedin"><img src="images/icon1.jpg" alt=""></a></li>
						<li><a href="#" class="normaltip" title="Facebook"><img src="images/icon2.jpg" alt=""></a></li>
						<li><a href="#" class="normaltip" title="Picasa"><img src="images/icon3.jpg" alt=""></a></li>
						<li><a href="#" class="normaltip" title="Twitter"><img src="images/icon4.jpg" alt=""></a></li>
					</ul>
				</div>				
				<!-- {%FOOTER_LINK} -->
			</footer>
<!-- footer end -->
		</div>
		<script type="text/javascript"> Cufon.now(); </script>
		<script>
			$(document).ready(function(){
				$('.kwicks').kwicks({
					max : 500,
					spacing : 0,
					event : 'mouseover'
				});
							   
			})
		</script>
	</body>
</html> 